<{include file="app/header.tpl"}>

<body style="position: relative;">

    <{if $messages.total == 0}>
    <!-- 当没有消息的时候 start -->
    <div class="news" style="position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); text-align: center; ">
        <h2><img src="/resource/skin/img/ucenter_news.png" height="48" width="48" alt=""></h2>
        <p style="margin-top: 20px; font-size: 14px; color: #ccc; ">什么都没有...</p>
    </div>
    <!-- 当没有消息的时候 end -->
    <{else}>

    <!-- 当有消息的时候 start -->

    <ul class="userMsg" style="padding: 10px 0 10px 7px;">
        <{foreach from=$messages.list item=msg}>
        <li class="list fix">
            <div class="left"><img src="<{$msg.fromUserIcon}>" alt=""></div>
            <div class="right">
                    <{if $msg.fromUserUid > 0}>
                    <p class="title"><span><{$msg.fromUserName}></span>回复了你</p>
                    <{else}>
                    <p class="title"><span><{$msg.fromUserName}></span></p>
                    <{/if}>
                    <p class="date"><{$msg.createdFormated}></p>
                    <p class="content"><{$msg.message}></p>
            </div>
            <{if $msg.url}>
            <a href="<{$msg.url}>" title="" onclick="return user_message_click(this)"><img class="tupian" src="<{$msg.image}>" alt=""></a>
            <{else}>
            <{/if}>
        </li>
        <{/foreach}>
    </ul>

    <!-- 当有消息的时候 end -->
    <{/if}>


<{include file="app/footer.tpl"}>
